<script lang="ts" setup>
</script>
<template>
  <div class="min-h-full bg-gray-50 p-6">
    <div class="mx-auto max-w-[1440px]">
      <!-- 操作区域 -->
      <div
        class="mb-6 flex flex-wrap items-center justify-between gap-4 rounded-lg bg-white p-4 shadow-sm">
        <slot name="tools"></slot>
      </div>

      <!-- 表格区域 -->
      <div class="rounded-lg bg-white p-4 shadow-sm">
        <slot name="default"></slot>
      </div>
    </div>
  </div>
</template>


<style scoped>
:deep(.ant-input-search-button) {
  height: 100%;
  border-start-end-radius: 0.375rem !important;
  border-end-end-radius: 0.375rem !important;
}

:deep(.ant-input-affix-wrapper) {
  border-start-start-radius: 0.375rem !important;
  border-end-start-radius: 0.375rem !important;
}

:deep(.ant-table-thead > tr > th) {
  background: #f8fafc;
}

:deep(.ant-table-tbody > tr:hover > td) {
  background: #f1f5f9;
}
</style>

